<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<h3>表格三行三列</h3>
<table width="500" height="300" border="1" align="center">
    <!--<tr></tr>中只能嵌套<td></td>-->
    <!--<td></td>标签，就像是一个容器，可以容纳所有的元素-->
    <!--cellspacing     设置单元格与单元格边框之间的空白间距-->
    <!--cellpadding   设置单元格内容与单元格之间的空白间距-->
    <!--align  设置表格在网页中的水平对齐方式-->
    <!--<th>  表头标签  会自动对齐居中-->
    <!--跨行合并   rowspan-->
    <!--跨列合并   colspan-->
    <caption>表格</caption>
    <thead>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td rowspan="2">性别</td>
    </tr>
    <tr>
        <td>姓名</td>
        <td>姓名</td>

    </tr>
    </tbody>
    <table width="500" height="300" border="1" align="center">
        <caption>表格</caption>
        <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td colspan="2">姓名</td>

            <td>性别</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>姓名</td>
            <td>姓名</td>
        </tr>
        </tbody>
    </table>
</body>
</html>